<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>请长按识别二维码</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
 <link rel="stylesheet" href="statics/css/jqueryMobile.css"> 
<script src="statics/js/jquery-1.12.4.js"></script>
<script src="statics/js/jqueryMobile.js"></script>
<style type="text/css">
img{
　　max-width:100%;
}
.ui-bar-a, .ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-bar-inherit, html .ui-body-a .ui-bar-inherit, html body .ui-group-theme-a .ui-bar-inherit {
    background:url(head.jpg) no-repeat;
    background-size:100% 100%;
}
</style>
</style>
</head>
<body >
	<div data-role="page" id="pageone"  >
	      <div data-role="main" class="ui-content" data-theme="b" style="text-align: center;" > 
	              <div style="font-size: 16px;color:blue;margin-top: 20px;">如您未关注正泰电力服务公众号<br>
	                        请在30S内扫描下方二维码<br>关注“正泰电力服务”公众号<br>否则无法获取权益 <br><span id="time_id" style="color:red;">30s</span>
	              </div>
	      </div>
	      <div data-role="main" class="ui-content" data-theme="b" style="text-align: center;" > 
	              <div id="qrcode_id" style="margin-top: 140px;">
	                   <img src="qrcode.jpg" style="width:200px;height: 200px;"  onclick="openQrcodeImage();"/>
	              </div>
	      </div>
	     
	      <!-- <div data-role="footer" data-position="fixed" style="background-image: url('floot.jpg');height: 70px">
           
          </div> -->
	</div>
	
</body>
<script type="text/javascript">
 $(function(){ 
		  countTime();
 });
 
 
 var count=30;
 function countTime() {  
          
          if(count>=0){
          	setTimeout(countTime,1000); 
          	$("#time_id").html(count+"s"); 
         	count =count-1;
          }
   
 }  

</script>
</html>




